<h2>{{#t '#observees.observing'}}Observing{{/t}}</h2>

<form class="add-observee-form">
  <div class="row">
    <div class="span2">
      <label for="unique_id">
        {{#t '#observees.new_observee_username'}}Username{{/t}}
        <input type="text" id="unique_id" name="unique_id">
      </label>
    </div>
    <div class="span2">
      <label for="password">
        {{#t '#observees.new_observee_password'}}Password{{/t}}
        <input type="password" id="password" name="password">
      </label>
    </div>
  </div>
  <button type="submit" class="btn btn-primary">
      {{> icons/plus}}
      <span class="screenreader-only">Add</span>
      {{#t}}Student{{/t}}
  </button>
</form>

<h3 id="being-observed">{{#t '#observees.being_observed'}}Students Being Observed{{/t}}</h3>
<div class="observees-list-container" aria-busy="false">
  <ul class="observees-list collectionViewItems" aria-labelledby="being-observed"></ul>
  <div class="loading-indicator">
    <img src="/images/ajax-reload-animated.gif">&nbsp;
  </div>
</div>
